@charset "utf-8";

/**图书分享平台我的图书页面left部份开始*/
#mybookMain #left {
    float: left;
    min-height: 500px;
    width: 180px;
}

#mybookMain #left .user_information {
    width: 180px;
    border: 1px solid #d5d5d5;
    background-color: #FFF;
    padding-bottom: 10px;
}

#mybookMain #left .user_information .user_basis {
    width: 180px;
}

#mybookMain #left .user_information .user_basis .tip{
    height: 20px;
    width: 130px;
    margin-top: 15px;
    background: url(images/ICN_My_Profile_20x20.png) no-repeat 15px;
    font-size: 12px;
    color: #333;
    padding-left: 50px;
    text-align: left;
    position: relative;
    line-height: 20px;
}

#mybookMain #left .user_information .user_basis li {
    margin-top: 5px;
    text-align: left;
    margin-left: 15px;
}

#mybookMain #left .user_information .user_basis li span{
    color: #707070;
    display: inline-block;
    width: 122px;
    word-break:normal;
    white-space:pre-wrap;
    word-wrap : break-word ;
}

#mybookMain #left .user_information .user_basis li label {
    display: inline-block;
    width: 40px;
    float: left;
}

#mybookMain #left .user_information .user_basis .tip img{
    position: absolute;
    top: 0px;
    right: 10px;
}

#mybookMain #left .user_information .user_header img {
    margin-top: 20px;
}

#mybookMain #left .user_information .user_header .user_name {
    font-size: 15px;
    color: #555;
    border-bottom: 1px solid #D5D5D5;
    width: 155px;
    margin: 10px auto;
    padding-bottom: 10px;
}

#mybookMain #left .user_message {
    width: 180px;
    border: 1px solid #d5d5d5;
    background-color: #FFF;
    padding-bottom: 10px;
    margin-top: 20px;
}

#mybookMain #left .user_message .my_message {
    background: url(images/ICN_Message_20x20.png) no-repeat 15px;
    height: 20px;
    width: 130px;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    padding-left: 50px;
    text-align: left;
    position: relative;
}

#mybookMain #left .user_message .my_request {
    background: url(images/ICN_MyRequest_20x20.png) no-repeat 15px;
    height: 20px;
    width: 130px;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    padding-left: 50px;
    text-align: left;
    position: relative;
}

#mybookMain #left .user_message .message_tip {
    background: url(images/Mybooks_ICN_Message_15x15.png) no-repeat 0px;
    display: inline-block;
    height: 15px;
    width: 15px;
    position: absolute;
    left: 105px;
    top: 2px;
}

#mybookMain #left .user_message .tip_count {
    position: absolute;
    left: 109px;
    top: 0px;
    color: #FFF;
}
/**图书分享平台我的图书页面left部份结束*/

/**图书分享平台我的图书页面内容导航部份开始*/
#mybookMain #content {
    float: right;
    min-height: 500px;
    width: 1000px;
}

#mybookMain #content #myBookTab{
    overflow: hidden;
    height: 30px;
    border-bottom: 1px solid #76B5D1;
    position: relative;
}

#mybookMain #content #myBookTab ul{
    overflow: hidden;
}

#mybookMain #content #myBookTab ul li{
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    position: relative;
}




#mybookMain #content #myBookTab ul li span {
    position: absolute;
    top: 1px;
    left: 95px;
    color: #2eb133;
}

#mybookMain #content #myBookTab ul .active span {
    color:#FFF;
}

#mybookMain #content #myBookTab ul li a {
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 1px;
    border-bottom: 1px solid #8EBACA;
    border-top: 1px solid #8EBACA;
    border-left: 1px solid #8EBACA;
    display: inline-block;
}

#mybookMain #content #myBookTab ul .active a {
    color: #FFF;
    text-decoration: none;
    background-color: #4F92AB;
}

#mybookMain #content #myBookTab div {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(images/BTN_AddBook_20x20.png) no-repeat 0px;
    height: 30px;
    width: 80px;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    padding-left: 10px;
    text-align: right;
}
/**图书分享平台我的图书页面内容导航部份结束*/


/**图书分享平台我的图书页面内容table部份开始*/
#mybookMain .table .header {
    overflow: hidden;
    margin-top: 10px;
}

#mybookMain .table .header ul {
    padding: 0px;
    background-color: #FFD6AF;
    overflow: hidden;
    font-size: 12px;
    color: #555;
}

#mybookMain .table .header ul li {
    float: left;
    text-align: left;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

#mybookMain .table .index {
    width:60px;
}
#mybookMain .table .book_info {
    width:290px;
}

#mybookMain .table .book_status {
    width:170px;
}

#mybookMain .table .book_operator {
    width:80px;
}

#mybookMain .table .book_sharer {
    width:250px;
}

#mybookMain .table .book_history {
    width:400px;
}
#mybookMain .table .header .index {
    text-align: center;
}

#mybookMain .table .content .index {
    text-align: center;
    line-height: 80px;
}

#mybookMain .table .content .book_operator {
    display:table;
}

#mybookMain .table .content .book_operator .cell {
    display:table-cell; vertical-align:middle;
}

#mybookMain .table .content .book_operator .update_button {
    height: 20px;
    width: 50px;
    background-color: #C8E8FE;
    border-radius: 3px;
    text-align: center;
    margin-top: 5px;
    display: block;
    cursor: pointer;
}

#mybookMain .table .content .book_history .short_desc{
    width:380px;
    height:60px;margin-top: 10px;
    background-color: #FAFCF0;
    color: #707070;
    padding-left: 10px;padding-top: 5px;
}

#mybookMain .table .content .book_history .read_more{
    position: absolute;
    right: 20px;
    bottom: 10px;
}

#mybookMain .table .content {
    overflow: hidden;
    background-color: #FFF;
    min-height: 420px;
    margin-bottom: 30px;
}

#mybookMain .table .content ul {
    overflow: hidden;
}

#mybookMain .table .content ul li{
    float: left;
    height:80px;
    font-size: 12px;
    color:#333;
    border-bottom: 1px dashed #A4A4A4;
    text-align: left;
    position: relative;
}

#mybookMain .table .content ul li .book_img {
    margin-top: 10px;
}

#mybookMain .table .content ul li .book_title {
    position: absolute;
    display: inline-block;
    width: 220px;
    top: 6px;
    left: 60px;
    height: 40px;
    overflow: hidden;
}

#mybookMain .table .content ul li .book_author {
    position: absolute;
    display: inline-block;
    width: 220px;
    bottom: 0px;
    left: 60px;
    height: 15px;
    overflow: hidden;
    color: #ABABAB;
    top:50px;

}

#mybookMain .table .content ul .book_status img, #mybookMain .table .content ul .book_sharer img {
    margin-top: 20px;
}

#mybookMain .table .content ul .book_status .holder_name {
    position: absolute;
    top: 15px;
    color: #2B46A4;
    left:40px;
}

#mybookMain .table .content ul .book_sharer .holder_name {
    position: absolute;
    top: 25px;
    color: #2B46A4;
    left:40px;
}

#mybookMain .table .content ul .book_status .status_dec {
    position: absolute;
    top: 35px;
    color: #96A3D2;
    left:40px;
}